﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script src="../zui/lib/jquery/jquery.js"></script>
    <link href="../zui/css/zui.min.css" rel="stylesheet" />

    <title></title>
</head>
<body>
    <div class="dropdown">
        <button class="btn" type="button" data-toggle="dropdown">菜单按钮 <span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li class="dropdown-submenu">
                <a href="###">打开</a>
                <ul class="dropdown-menu">
                    <li><a href="###">运行</a></li>
                    <li><a href="###">在终端中打开</a></li>
                    <li><a href="###">在编辑器中打开</a></li>
                </ul>
            </li>
            <li class="dropdown-submenu">
                <a href="###">一组操作</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="###">修改</a>
                        <ul class="dropdown-menu">
                            <li><a href="###">修改标题</a></li>
                            <li><a href="###">更新内容</a></li>
                            <li><a href="###">转移</a></li>
                        </ul>
                    </li>
                    <li class="dropdown-submenu">
                        <a href="###">删除</a>
                        <ul class="dropdown-menu">
                            <li><a href="###">移动到回收站</a></li>
                            <li><a href="###">直接删除</a></li>
                        </ul>
                    </li>
                    <li><a href="###">撤销</a></li>
                </ul>
            </li>
            <li class="dropdown-submenu">
                <a href="###">另一组操作</a>
                <ul class="dropdown-menu">
                    <li><a href="###">评审</a></li>
                    <li><a href="###">计划</a></li>
                    <li><a href="###">关闭</a></li>
                </ul>
            </li>
            <li class="divider"></li>
            <li class="dropdown-submenu">
                <a href="###">在左侧显示</a>
                <ul class="dropdown-menu pull-left">
                    <li><a href="###">复制</a></li>
                    <li><a href="###">粘贴</a></li>
                    <li><a href="###">剪切</a></li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>